
.main{
	width: 100%;height: 100%;background-color: #ECEDEF;
	.content{
		height: 300upx;width: 100%;background: #13afff;text-align: center;color: #c5ebff;letter-spacing:5upx;
		.top{
			text{
				font-size: 100upx;color: #fff;
			}
		}
		.bottom{
			display: flex;justify-content: space-around;
			.li{
				width: 250upx;border-right:1px solid #fff;line-height:35upx;margin-top:40upx;
				.text1{
					color: #fff;display:block;
				}
			}
			.lastli{
				border-right:none;
			}
			
		}
	}
	.my_study{
		height: 360upx;background: #fff;display: flex;justify-content:space-around ;flex-wrap: wrap;padding: 10upx;
		.ul{
			text-align: center;
			.li{
				width: 100upx;height: 100upx;border-radius: 10upx;line-height: 100upx;font-size: 50upx;color: #fff;margin: 10upx 30upx;
			}
			.p{
				
			}
		}
		
		.ul:nth-child(1) .li{
			background: #53A0EE;
		}
		.ul:nth-child(2) .li{
			background: #DD5E7B;
		}
		.ul:nth-child(3) .li{
			background: #E78915;
		}
		.ul:nth-child(4) .li{
			background: #F86424;
		}
		.ul:nth-child(5) .li{
			background: #EA4B2D;
		}
		.ul:nth-child(6) .li{
			background: #796EF1;
		}
		.ul:nth-child(7) .li{
			background: #438DE1;
		}
		.ul:nth-child(8) .li{
			background: #5FCB2A;
		}
	}
	.chapter_exercises{
		.h1{
			color: #333;border-left:6upx solid green ;padding-left:20upx ;margin:20upx;
		}
		.ul{
			.li{
				background: white;display: flex;margin-bottom: 20upx;
				.left{
					width: 120upx;height:140upx;
					.yuan{
						width: 40upx;height: 40upx;border-radius: 50%;background:#007AFF ;margin:50upx auto;
					}
				}
				.midle{
					width:500upx;height: 140upx;
					.top{
						padding: 15upx 0;color: #434343;
					}
					.bottom{
						.slider{
							margin:10upx 0;
						}						
					}
				}
				.right{
					width: 120upx;height:140upx;color:#888 ;text-align: center;
					.top{
						padding: 15upx 0 0;
					}
					.bottom{
						font-size: 40upx;color: #007AFF;
					}
				}
			}
		}
	}
}

// 侧边栏
.uni-drawer{
	.uni-title{
		background: #13afff;height: 160upx;line-height: 160upx;text-align: center;color: #fff;position: relative;
		text{
			color: #fff;font-size: 40upx;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;
		}
		text:nth-child(2){
			position: absolute;right: 20upx;top: -40upx;font-size: 24upx;
		}
	}
}
